<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>倩女幽魂</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <div class="dbj">
        <div class="w">
            <!-- 头部区域 -->
            <div class="top">
                <div class="top-top">
                    <img src="images/logo.png" alt="">
                    <img src="images/仅限1天.png" alt="">
                </div>
                <div class="top-center">
                    <!-- 花瓣 -->
                    <div class="petal"></div>
                    <div class="top-center-wenzi"></div>
                </div>
                <div class="top-bottom">
                    <div class="top-bottom-wenzi"></div>
                    <!--  -->
                    <span class="activity-time">活动时间：2014年3月18日</span>
                    <div class="blue-c"></div>
                    <div class="pink-c"></div>
                </div>
                <div class="check">
                    <img src="images/手上花瓣.png" alt="">
                    <a>查看活动详情>></a>
                </div>
            </div>
            <div style="height: 150px;"></div>

            <!-- 主体内容区域 -->
            <div class="main-content">
                <div class="content-top">
                    <!-- 左卷轴 -->
                    <div class="content-top-l">
                        <img src="images/number1.png" alt="">
                        <h2>酷游大返现</h2>
                        <p>活动当天，在酷游网游交易成功完成的用户，在活动结束后，将以现金券的形式返还佣金至您的账户，请注意查收!</p>
                        <div class="tup">
                            <div class="yin">
                                <img src="images/银子.png" alt="">
                                <span><a href="#">购买金币</a></span>
                            </div>
                            <div class="jiao">
                                <img src="images/角色.png" alt="">
                                <span><a href="#">购买角色</a></span>
                            </div>
                            <div class="quan">
                                <img src="images/券.png" alt="">
                                <span><a href="#">活动结束后发放</a></span>
                            </div>
                        </div>
                    </div>
                    <!-- 右卷轴 -->
                    <div class="content-top-r">
                        <img src="images/number2.png" alt="">
                        <h2>QQ华夏礼包免费送</h2>
                        <p>活动当天，在酷游网游交易成功交易30元或者30元以上的 用户，可凭订单号领取QQ华夏游戏礼包1个（价值50QB）， 礼包仅限1000个，先到先得，送完即止。
                        </p>
                        <div class="tup">
                            <!--  -->
                            <div>
                                <img src="images/圣诞天衣套装.png" alt="">
                                <h4>圣诞天衣套装</h4>
                                <span>(7天)*1</span>
                            </div>
                            <div>
                                <img src="images/皮皮熊假面.png" alt="">
                                <h4>皮皮熊假面</h4>
                                <span>(3天)*1</span>
                            </div>
                            <div>
                                <img src="images/女娲祝福.png" alt="">
                                <h4>女娲祝福(绑)</h4>
                                <span>*1</span>
                            </div>
                            <div>
                                <img src="images/地髓珠.png" alt="">
                                <h4>地髓珠(绑)</h4>
                                <span>*1</span>
                            </div>
                            <div>
                                <img src="images/花环.png" alt="">
                                <h4>富贵花环(绑)</h4>
                                <span>*1</span>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                        <span><a href="#">领取礼包</a></span>
                        <p>
                            每个用户仅限获得1个，需正式服角色才可获得，礼包 将在活动结束后的5个工作日内发放到您交易的角色。
                        </p>
                    </div>
                </div>
                <!-- 下卷轴 -->
                <div class="content-bottom">
                    <img src="images/number3.png" alt="">
                    <h2>交易拿好礼</h2>
                    <p>
                        活动当天，在酷游网游交易平台交易100元或者100元以上的用户，可凭订单号抽取 QQ华夏蛇形颈枕一个，每个用户仅限抽取1次，赶紧来试试吧！
                    </p>
                    <span><a href="#">立即抽奖</a></span>
                    <div class="img">
                        <img src="images/奖品.png" alt="">
                        <span>奖品展示</span>
                    </div>
                </div>
            </div>

            <!-- 尾部区域 -->
            <div class="end">
                <h3>不会使用现金券？三步轻松搞定</h3>
                <div class="title">
                    <div>
                        <img src="images/01.png" alt="">
                        <h4>如何查看我的现金券</h4>
                    </div>
                    <div>
                        <img src="images/02.png" alt="">
                        <h4>选择我喜欢的商品</h4>
                    </div>
                    <div>
                        <img src="images/03.png" alt="">
                        <h4>付款页面中直抵现金</h4>
                    </div>
                </div>
                <!-- <div class="clearfix"></div> -->
                <div class="b-box">
                    <div>
                        <h5>登陆财付通查看优惠券页面</h5>
                        <img src="images/bp-left.png" alt="">
                        <span><a href="#">查看我的现金券</a></span>
                    </div>
                    <div>
                        <img src="images/bp-center.png" alt="">
                    </div>
                    <div>
                        <img src="images/bp-right.png" alt="">
                        <span><a href="#">立即体验</a></span>
                    </div>
                </div>

            </div>
        </div>
    </div>

</body>

</html>